<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page errorPage="JSP_Error.jsp"%>
<%@ page import="com.microstrategy.web.app.utils.JavaScriptBundles"%>
<%@ taglib uri="/webUtilTL.tld" prefix="web"%>
<%@ page import="com.microstrategy.web.app.beans.PageComponent"%>
<%PageComponent mstrPage = (PageComponent) request.getAttribute("mstrPage");%>
<!doctype html>
<html>
<head>
<title>::GMAR::</title>
<web:resource type="custom-javascript" name="jquery-1.9.0.js"/>
<web:resource type="custom-javascript" name="jquery.js"/> 
<web:resource type="custom-javascript" name="jquery.maskedinput.js"/>
<web:resource type="custom-javascript" name="jquery.mockjax.js"/>
<web:resource type="custom-javascript" name="jquery.validate.js"/>
<%-- <web:resource type="custom-javascript" name="mktSignup.js"/> --%>
<web:resource type="custom-javascript" name="validate.js"/>
<web:resource type="custom-javascript" name="jquery.form.js"/>
<web:resource type="custom-javascript" name="formValue.js"/>
<web:resource type="custom-style" name="edituserprofile.css"/>

</head>
<body>
	<div class="NavBar">
		<a href="mstrWeb?evt=3010&src=mstrWeb.3010" name="ProjectHome" value="Project Home" class="link">Projects Home</a>
	  	<a href="../plugins/GMAR/jsp/SearchResult.jsp" target="view_window" class="link">User Manager</a>
	  	<a href="mstrWeb?evt=3008&src=mstrWeb.3008" type="button"  value="Log Out" class="link">Logout</a>
	</div>
	<div>
	    <img src="../plugins/GMAR/style/images/Amex.png"></img>
	    <label style="font-size: 30px; font-family: Impact, Haettenschweiler, 'Franklin Gothic Bold', 'Arial Black', sans-serif; color: #232121; font-style: normal; font-weight: lighter;">American Express
	    </label>
	  <hr>
	</div>
	<!-- error message -->
	<div style="display:none;" class="error">
      <img width="24" height="24" style="float:left; margin: -5px 10px 0px 0px; " alt="Warning!" src="images/warning.gif">
      <span></span>.<br clear="all">
    </div>
	<div class="userProfile">
		<span>User Profile</span>
	</div>
	<form method="get" action="" type="actionForm" id="editUrProfForm" class="editUrProfForm">
	<input type="hidden" name="up_code" value="102">
	<div class="formContent">
	
		<!-- microstrategy access type -->
		<div>
		  	<span>MicroStrategy Access Type *:</span>
		  	<div class="field" style="display:inline-block;">
				<input type="text" name="eupMstrAccType" id="eupMstrAccType" readonly="readonly">
			</div>
			<div class="status" style="display:inline-block;"></div>
		</div>
		
		<!-- microstrategy product slect -->
		<div>
			<span>MicroStrategy Product Select *</span>
			
		     <select style="height:80px" id="eupSrcList" name="eupSrcList"   multiple>
		            <option   value="1" ondblclick="javascript:addSrcToDestList()">Dashboard</Option>
			 		<option   value="2" ondblclick="javascript:addSrcToDestList()">MARC</Option>
					<option   value="3" ondblclick="javascript:addSrcToDestList()">ICARD</Option>  
		    </select>
		    <div style="display:inline-block;">
		    	<input type="button" name="button" id="button" value=">>"  onclick="javascript:addSrcToDestList()"></input><br><br>
		    	<input style="margin-top:15px;" type="button" name="button2" id="button2"  onclick="javascript:deleteFromDestList()" value="<<"></input>
		    </div>
		    <select style="height:80px; width:100px;"id="eupDestList" name="eupDestList"  multiple></select>
		</div>
		
		<!-- amex web id -->
		<div>
			<span>Amex Web ID *:</span>
			<div class="field" style="display:inline-block;">
				<input type="text" name="eupAmexWebId" id="eupAmexWebId" readonly="readonly"></input>
			</div>
			<div class="status" style="display:inline-block;"></div>
		</div>
		
		<!-- first name -->
		<div>
			<span>First Name *:</span>
			<div class="field" style="display:inline-block;">
				<input type="text" name="eupFstName" id="eupFstName" readonly="readonly"></input>
			</div>
			<div class="status" style="display:inline-block;"></div>
		</div>
		
		<!-- middle initial -->
		<div>
			<span>Middle Initial:</span>
			<div class="field" style="display:inline-block;">
				<input type="text" name="eupMidName" id="eupMidName" readonly="readonly"></input>
			</div>
			<div class="status" style="display:inline-block;"></div>
		</div>
		
		<!-- Last Name -->
		<div>
			<span>Last Name:</span>
			<div class="field" style="display:inline-block;">
				<input type="text" name="eupLstName" id="eupLstName" readonly="readonly"></input>
			</div>
			<div class="status" style="display:inline-block;"></div>
		</div>
		
		<!-- employee/contractor id -->
		<div>
			<span>Employee/Contractor ID *:</span>
			<div class="field" style="display:inline-block;">
				<input type="text" name="eupEmpContID" id="eupEmpContID" readonly="readonly"></input>
			</div>
			<div class="status" style="display:inline-block;"></div>
		</div>
		
		<!-- department id -->
		<div>
			<span>Department ID *:</span>
			<div class="field" style="display:inline-block;">
				<input type="text" name="eupDpartmntId" id="eupDpartmntId" readonly="readonly"></input>
			</div>
			<div class="status" style="display:inline-block;"></div>
		</div>
		
		<!-- department description -->
		<div>
			<span>Department Description :</span>
			<div class="field" style="display:inline-block;">
				<input type="text" name="eupDpartmntDesc" id="eupDpartmntDesc" readonly="readonly"></input>
			</div>
			<div class="status" style="display:inline-block;"></div>
		</div>
		
		<!-- business unit code -->
		<div>
			<span>Business Unit Code *:</span>
			<div class="field" style="display:inline-block;">
				<input type="text" name="eupBusnUCode" id="eupBusnUCode" readonly="readonly"></input>
			</div>
			<div class="status" style="display:inline-block;"></div>
		</div>
		
		<!-- business unit description -->
		<div>
			<span>Business Unit Description :</span>
			<div class="field" style="display:inline-block;">
				<input type="text" name="eupBsnUCDesc" id="eupBsnUCDesc" readonly="readonly"></input>
			</div>
			<div class="status" style="display:inline-block;"></div>
		</div>
		
		<!-- amex unit code -->
		<div>
			<span>AMEX Unit Code *:</span>
			<div class="field" style="display:inline-block;">
				<input type="text" name="eupAmexUCd" id="eupAmexUCd" readonly="readonly"></input>
			</div>
			<div class="status" style="display:inline-block;"></div>
		</div>
		
		<!-- amex unit description -->
		<div>
			<span>AMEX Unit Description :</span>
			<div class="field" style="display:inline-block;">
				<input type="text" name="eupAmexUDesc" id="eupAmexUDesc" readonly="readonly"></input>
			</div>
			<div class="status" style="display:inline-block;"></div>
		</div>
		
		<!-- exception end code -->
		<div>
			<span>Exception End Code *:</span>
			<div class="field" style="display:inline-block;">
				<input type="text" name="eupExpEndCd" id="eupExpEndCd" readonly="readonly"></input>
			</div>
			<div class="status" style="display:inline-block;"></div>
		</div>
		
		<!-- cost center -->
		<div>
			<span>Cost Center *:</span>
			<div class="field" style="display:inline-block;">
				<input type="text" name="eupCC" id="eupCC"></input>
			</div>
			<div class="status" style="display:inline-block;"></div>
		</div>
		
		
		<div class="inputGroup">
			<span>Secondary Functional Group/Role<br>Functional Role in <font color="blue">BLUE</font> * Indicate Role Approved</span>
			<div class="sndFunc" >
				<div style="font-weight:bold;">optBlue</div>
				<input type="radio" name="radio" value="detailAllAccess" id="radio"></input><label for="radio">Derail with all access </label><br>
		    	<input type="radio" name="radio" value="detailMarketing"></input><label for="radio2">Detail with Marketing Eligibility restriction </label>
			</div>
		</div>
		
		
		<div  class="inputGroup">
			<span>Secondary Functional Group/Role<br>Functional Role in <font color="blue">BLUE</font> * Indicate Role Approved</span>
			<div class="funcGroup">
			    <input type="checkbox" name="cekBoxGrp1" value="checkbox" disabled></input>InternationalCLM/MA<br>
			    <input type="checkbox" name="cekBoxGrp1" value="checkbox" disabled></input>International MA & B2B<br>
			    <input type="checkbox" name="cekBoxGrp1" value="checkbox" disabled></input>International SS&D<br>
			    <input type="checkbox" name="cekBoxGrp1" value="checkbox" disabled></input>MSA GCG Team Member<br>
			    <input type="checkbox" name="cekBoxGrp1" value="checkbox" disabled></input>MSA Team Coordinator<br>
			    <input type="checkbox" name="cekBoxGrp1" value="checkbox" disabled></input>Regional and Local Support<br>
			    <input type="checkbox" name="cekBoxGrp1" value="checkbox" disabled></input>US Team Coordinator<br>
			    <div class="funcGroupLabel">* FINANCE</div>
			    <input type="checkbox" name="cekBoxGrp1" value="checkbox" disabled></input>Finance<br>
			    <div class="funcGroupLabel">* COMMON REPORTS</div>
			    <input type="checkbox" name="cekBoxGrp1" value="checkbox" disabled></input>Common reports<br>
			    <div class="funcGroupLabel">* Capabilities</div>
			    <input type="checkbox" name="cekBoxGrp1" value="checkbox" disabled></input>Capabilities<br>
			</div>
		</div>
		
		<!-- clm hierarchy -->
		<div>
			<span>CLMHierarchy:</span>
			<div class="field" style="display:inline-block;">
				Unrestricted User<input type="checkbox" name="checkbox" id="checkbox" readonly="readonly"></input>
			</div>
			<div class="status" style="display:inline-block;"></div>
		</div>
		
		<!-- clm id -->
		<div>
			<span>CLM ID:</span>
			<div class="field" style="display:inline-block;">
				<input type="text" name="eupClmID" id="eupClmID" readonly="readonly" />
			</div>
			<div class="status" style="display:inline-block;"></div>
		</div>
		
		
		<div>
			<span>LIF Governance:</span>
			Global<input type="radio" name="radio3" value="radio3" readonly="readonly" />
		  	Region/Country<input type="radio" name="radio3" readonly="readonly" />
		</div>
		
		
		<div class="inputGroup">
			<span>Security Group *<br>*Group in <font color="blue">BLUE</font> indicate Approved Groups<br>Groups in <font color="red">RED</font> Indicate Exception Groups</span>
			<div class="securityGroup">
			    <input type="checkbox" name="cekBoxGrp2" value="checkbox" readonly="readonly" />InternationalCLM/MA<br>
			    <input type="checkbox" name="cekBoxGrp2" value="checkbox" readonly="readonly" />International MA & B2B<br>
			    <input type="checkbox" name="cekBoxGrp2" value="checkbox" readonly="readonly" />Capabilities User Group<br>
			    <input type="checkbox" name="cekBoxGrp2" value="checkbox" readonly="readonly" />General User group<br>
			    <input type="checkbox" name="cekBoxGrp2" value="checkbox" readonly="readonly" />Power User group<br>
			    <input type="checkbox" name="cekBoxGrp2" value="checkbox" readonly="readonly" />Regional and Local Support<br>
			    <input type="checkbox" name="cekBoxGrp2" value="checkbox" readonly="readonly" />Tech User Group<br>
			    <div class="funcGroupLabel">* FINANCE</div>
			    <input type="checkbox" name="cekBoxGrp2" value="checkbox" readonly="readonly" />Finance<br>
			    <div class="funcGroupLabel">* COMMON REPORTS</div>
			    <input type="checkbox" name="cekBoxGrp2" value="checkbox" readonly="readonly" />Common reports<br>
			    <div class="funcGroupLabel">*Capabilities</div>
			    <input type="checkbox" name="cekBoxGrp2" value="checkbox" readonly="readonly" />Capabilities<br>
			</div>
		</div>
		
		<!-- phone -->
		<div>
			<span>Phone # *:</span>
			<div class="field" style="display:inline-block;">
				<input type="text" value="" name="eupPhone" id="eupPhone" maxlength="14"></input>
			</div>
			<div class="status" style="display:inline-block;"></div>
		</div>
		
		<!-- eupPhone -->
		<div>
			<span>Email Address*:</span>
			<div class="field" style="display:inline-block;">
				<input type="text" name="eupEmail" id="eupEmail"></input>
			</div>
			<div class="status" style="display:inline-block;"></div>
		</div>
		
		<!-- manager first name -->
		<div>
			<span>Manager First Name *:</span>
			<div class="field" style="display:inline-block;">
				<input type="text" name="eupMFstName" id="eupMFstName"></input>
			</div>
			<div class="status" style="display:inline-block;"></div>
		</div>
		
		<!-- manager middle initial -->
		<div>
			<span>Manager Middle Initial:</span>
			<div class="field" style="display:inline-block;">
				<input type="text" name="eupMgrMidName" id="eupMgrMidName"></input>
			</div>
			<div class="status" style="display:inline-block;"></div>
		</div>
		
		<!-- manager last name -->
		<div>
			<span>Manager Last Name*:</span>
			<div class="field" style="display:inline-block;">
				<input type="text" name="eupMgrLstName" id="eupMgrLstName"></input>
			</div>
			<div class="status" style="display:inline-block;"></div>
		</div>
		
		<!-- manager email address -->
		<div>
			<span>Manager Email Address*:</span>
			<div class="field" style="display:inline-block;">
				<input type="text" name="eupMEmail" id="eupMEmail"></input>
			</div>
			<div class="status" style="display:inline-block;"></div>
		</div>
		
		<!-- vp name -->
		<div>
			<span>VP Name*:</span>
			<div class="field" style="display:inline-block;">
				<input type="text" name="eupVPName" id="eupVPName"></input>
			</div>
			<div class="status" style="display:inline-block;"></div>
		</div>
		
		<!-- reason for access -->
		<div>
			<span>Reason For Access*:</span>
			<div class="field" style="display:inline-block;">
				<input type="text" name="eupReason" id="eupReason"></input>
			</div>
			<div class="status" style="display:inline-block;"></div>
		</div>
		
		<!-- access status -->
		<div>
			<span>Access Status:</span>
			<div class="field" style="display:inline-block;">
				<input type="text" name="status" id="status" readonly="readonly"></input>
			</div>
			<div class="status" style="display:inline-block;"></div>
		</div>
		
		<!-- access status date -->
		<div>
			<span>Access Status Date:</span>
			<div class="field" style="display:inline-block;">
				<input type="text" name="statusDate" id="statusDate" readonly="readonly"></input>
			</div>
			<div class="status" style="display:inline-block;"></div>
		</div>
		
		<div>
			<span style="color:red">*-Mandatory fields</span>
		</div><br>
	</div>
	<div class="buttonSubmit" style="padding-left:350px;">
		<input type="submit" tabindex="14" class="formButton" style="width:140px" name="update" id="update" value="Update Profile"></input>
	  	<input type="button" name="cancel" id="cancel" value="Cancel"></input>	
	</div>
	</form>
</body>
</html>
